.balance-page {
    // background-color: #f1f1f1 !important;
    .page-header {
        font-weight: 500;
    }
    .page-body {
        .balance-info-card {
            width: 700rpx;
            margin: 25rpx; 
            border-radius: 25rpx;
            box-sizing: border-box;
            padding: 0 25rpx;
            padding: 25rpx;
            .member_pie_chart {
                width: 650rpx;
                height: 350rpx;
            }
            .balance-val {
                font-size: 52rpx;
                padding: 10rpx 0;
            }
            .info-item {
                padding: 20rpx 0;
                .income-val {
                    font-weight: 500;
                }
            }
        }
        .month-table {
            width: 700rpx;
            margin: 0 25rpx 25rpx 25rpx;
            .table-header {
                width: 100%;
                .table-row {
                    width: 100%;
                    position: relative;
                    .column-name {
                        text-align: center;
                        padding: 20rpx 0;
                    }
                    .column-val {
                        text-align: center;
                        padding: 30rpx 0;
                        font-weight: 500;
                    }
                    .month-column {
                        width: 120rpx;
                        flex-shrink: 0;
                    }
                    &::before {
                        content: '';
                        display: block;
                        background-color: rgba(0,0,0, 0.05);
                        height: 1rpx;
                        width: 200%;
                        transform: scale(0.5);
                        position: absolute;
                        left: -50%;
                        bottom: 0;
                    }
                }
            }
        }
    }
}